@import '../../common/styles/theme/default.less';

.hr-level-select-popup {
  .hr-popup-main {
    height: 80% !important;
  }
}

.hr-level-select-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  // overflow-y: scroll;

  .hr-level-select-values {
    display: flex;
    flex-wrap: wrap;
    padding: 30px;

    > .hr-level-select-value {
      display: inline-flex;
      color: @font-color-third;
      font-size: 30px;
      white-space: nowrap;
      text-align: center;

      &.hr-level-select-value-selected {
        color: @font-color-primary;
      }
      &.hr-level-has-value {
        color: @brand-primary;
        font-weight: 500;
      }
      .hr-level-select-value-label {
        text-align: left;
      }
      .hr-value-line {
        margin: 0 20px;
        color: @font-color-third;
        font-weight: 100;
      }
    }
  }

  .hr-level-select-content {
    flex: 1;
    overflow: auto;
    background: #fff;

    > div {
      display: flex;
      align-items: center;
      min-height: 88px;
      border-bottom: 2px solid @border-color;

      &.hr-level-select-option-selected {
        color: @brand-primary;
        border-bottom-color: @brand-primary;
      }

      .hr-level-select-content-item {
        padding: 0 24px;
        font-size: 30px;
      }
    }
  }
}
